<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>

<head>

  
  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta charset="utf-8">
<meta content="always" name="referrer">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  

  <title>右侧栏</title>
  
  
  
  <link rel='stylesheet prefetch' href='http://maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css'>

    <link rel="stylesheet" href="css/styleRight.css" media="screen" type="text/css" />

</head>

<body style="overflow:auto;height: 100%">

<div style="text-align:right;clear:both;">
<script src="/gg_bd_ad_720x90.js" type="text/javascript"></script>
<script src="/follow.js" type="text/javascript"></script>
</div>
  <div id="content" style="height: 100%;width: 100%;">


  <div class="notification red">
    <div class="info">
      <h1><a href="#"></a>公告</h1>
      <p>最近天气变化快，已爆发流行性疾病，大家注意个人卫生，有事勿忘请假。</p>
    </div>
    <div class="icon">
      <i class="fa fa-heart"></i>
    </div>
  </div>

  <div class="notification blue">
    <div class="info">
      <h1><a href="#"></a>名人榜 </h1>
      <p>最近财务部李某表现出色，特此公开表彰，希望再接再厉，大家向他学习</p>
      <a href="#" class="button">Full story</a><a href="#" class="button gray">Dismiss</a>
    </div>
    <div class="icon">
      <i class="fa fa-newspaper-o"></i>
    </div>
  </div>

  <div class="notification purple">
    <div class="info">
      <h1><a>惩处榜</a></h1>
      <p>最近财务部刘某常出现早退现象，特此通报批评，希望大家引以为戒</p>
      <a href="#" class="button">Navigate</a><a href="#" class="button gray">Dismiss</a>
    </div>
    <div class="icon">
      <i class="fa fa-bicycle"></i>
    </div>
  </div>

  <div class="notification blue">
    <div class="info">
      <h1><a href="#">紧急通知</a></h1>
      <p>由于最近项目进度需要，特此通知周末加班，工资双倍，可以调休，大家加油！！！</p>
    </div>
    <div class="icon">
      <i class="fa fa-twitter"></i>
    </div>
  </div>
</div>

<!-- This is for the preview at codepen.io :) -->
<div id="preview">
  <div class="notification purple">
    <div class="info">
      <h1><a>最后一条</a></h1>
      <p>由于金融危机，公司财务发展出现问题，特此向员工募资，支付宝账号：15289479566,希望大家踊跃捐款</p>
      <a href="#" class="button">Navigate</a><a href="#" class="button gray">Dismiss</a>
    </div>
    <div class="icon">
      <i class="fa fa-bicycle"></i>
    </div>
  </div>

</div>

</body>

</html>
